.clear:after{
    content: "";
    display: block;
    clear: both;
}
/* header start */
header{
    width: 100%;
    padding: 0rem .17rem ;
    background-color: #fece02;
}
header .container{
    /* width: 7.17rem; */
    margin: 0 auto;
}
header .container .back {
    margin-right: .87rem;
    font-size: .72rem;
    color: rgb(255, 241, 179);
}
header .container >a,header .container .search,header .container .search > img,header .container .search  input{
    float: left;
    
}
header .container .logo{
    float: right;
    margin: .23rem .02rem .23rem .7rem;
}
header .container .logo,header .container .logo>img{
    width: .68rem;
    height: .65rem;
}
header .container .search{
    margin: .2rem 0;
    width: 4.32rem;
    height: .71rem;
    background: rgba(255,255,255,.5);
    border-radius: .33rem;
    padding: .2rem .21rem .12rem;
    background-position: .21rem .18rem;
}
header .container .search>img{
    width: .42rem;
}
header .container .search  input{
    margin-left: .21rem;
    width: 3.24rem;
    height: .41rem;
    background-color: transparent;
    border: none;
    outline: none;
    
}
header .container .search  input,header .container .search  input::-webkit-input-placeholder{
    font-size: .3rem;
    color: #fff5c9;
}
.content{
    background-color: rgb(238, 238, 238);
    text-align: center;
}
.content .banner{
    margin: .14rem .19rem;
    display: inline-block;
    width: 7.13rem;
    background-color: #fff;

}
.content .banner span{
    display: inline-block;
    font-size: .3rem;
}
.content .banner .groupone{
    padding: .15rem .27rem .12rem .13rem;
}
.content .banner .groupone span:first-of-type{
    margin-right: .1rem;
    padding: .15rem 0;
    color: rgb(255, 91, 0);
    
}
.content .banner .groupone span:nth-of-type(2)::before,.content .banner .groupone span:nth-of-type(2)::after{
    content: "";
    display: inline-block;
    width: .02rem;
    height: .58rem;
    background-color: rgb(194, 194, 194);
    vertical-align: middle;
}
.content .banner .groupone span:nth-of-type(2)::before{
    margin-right: .08rem;
}
.content .banner .groupone span:nth-of-type(2)::after{
    margin-left: .08rem;
}
.content .banner .groupone span:nth-of-type(3){
    margin: 0 .2rem 0 .3rem;
}
.content .banner .grouptwo{
    padding: .23rem 0 .08rem 0;
    width: 6.66rem;
    margin: 0 .21rem;
    border-width: .02rem;
    border-style: solid;
    border-color: rgb(194, 194, 194) transparent rgb(194, 194, 194) transparent;
    text-align: center;

}
.content .banner .grouptwo span:first-of-type:after{
    content: "";
    display: inline-block;
    width: .02rem;
    height: .58rem;
    background-color: rgb(194, 194, 194);
    vertical-align: top;
    margin:  0 .75rem;

}
.content .banner .groupthree{
    border-color: transparent transparent rgb(194, 194, 194) transparent;
 
}
.content .banner .list{
    padding: .16rem 0 .23rem 0;
    text-align: center;
}
.content .banner .list a{
    margin: 0 .04rem;
    display: inline-block;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    border: .02rem solid rgb(197, 197, 197);
}
.content .banner .list a:first-child{
    background-color: rgb(254, 144, 2);
}
.list {

    background-color: #fff;
}
.list ul li{
    font-size: .3rem;
    padding: .36rem 0 .26rem  .36rem;
    border-bottom: .02rem solid rgb(194, 194, 194);
}
.list ul li img{
    vertical-align: -10%;
    width: .29rem;
}
.last{
    padding: .31rem 0;
    text-align: center;
    font-size: .3rem;
    color: rgb(162, 161, 161);
     
}
.last img{
    width: .29rem;
    vertical-align: -5%;
}
.while{
    width: 100%;
    height: 4.32rem;
}
@media screen and (max-device-width:425px){
    .content .banner .groupone span:nth-of-type(3){
        margin: 0 .13rem 0 .3rem;
    }
}
@media screen and (max-device-width:375px){
    .content .banner .groupone span:nth-of-type(3){
        margin: 0 .1rem 0 .3rem;
    }
}
@media screen and (max-device-width:320px){
    .content .banner .groupone span:nth-of-type(3){
        margin: 0 .1rem 0 .276rem;
    }
}